<template>
  <div class="hello">
    <div class="box">搜索的发送到发撒旦法撒旦法是福建海事局的发生狂欢节的发送快递跨世纪东方航空时间的发货</div>
    <div class="box1"></div>
  </div>
</template>

<script>
import http from '@/api'
export default {
  name: 'index',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
   @import '../assets/css/mixin.scss';
   .box,.box1{
     width: 100px;
     height: 50px;
     margin: 0 auto;
    //  background: black;
    -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      display: -webkit-box;
   }
   .box{
     border: 1px solid red;
   }
   .box1{
    @include border(red,30px)
   }
</style>
